<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="/common/css/mui.min.css" rel="stylesheet" />
		<!--<link href="css/app.css" rel="stylesheet" />-->
		<style>
		    html{font-size:calc(100/1080*100vw);}
			#header{
				height: 1.6rem;
				background-color: #000000;
			}
			#header img{
				width: 0.72rem;
				margin-top: 0.44rem;
				margin-left: 0.72rem;
			}
			#header h1{
				color: #ffffff;
				font-size: 0.5rem;
				line-height: 1.6rem;
			}
			.mui-content{
				background: #FFFFFF;
				/*float: left;*/
			}
			.jindu{
				width: 5rem;
				text-align: center;
				height: 0.56rem;
				font-size: 0.6rem;
				margin: 0.8rem auto 0.2rem;
				
			}
			.minge{
				width: 5rem;
				text-align: center;
				height: 0.32rem;
				font-size: 0.3rem;
				margin: 0rem auto;
				
			}
			.btn{
				width: 4rem;
				height: 1rem;
				margin: 1.8rem 0.5rem 1.5rem 1rem;
				background-color: #AAAAAA;
				font-size: 0.44rem;
				color: #DDDDDD;
				border-radius: 0.2rem;
			}
			.btn1{
				width: 4rem;
				height: 1rem;
				background-color: #111111;
				font-size: 0.44rem;
				margin: 1.8rem 0.5rem 1.5rem 0rem;
				color: #ffffff;
				border-radius: 0.2rem;
			}
			.order{
				margin: 1.2rem auto 0.2rem;
			}
			.order input{
				width: 9.4rem;
				height: 1rem;
				font-size: 0.3rem;
				border: 1px solid #aaaaaa;
				color: #333333;
				display: block;
				margin: 0.3rem auto 0.2rem;
				border-radius: 0rem;
			}
			.jiami{
				width: 9.2rem;
				height: 1.5rem;
				border:none;
				border-bottom: 1px solid #AAAAAA;
				border-top: 1px solid #AAAAAA;
				display: block;
				margin: 0.8rem auto;
				font-size: 0.35rem;
				line-height: 1.5rem;
			}
			.jiami img{
				width: 0.5rem;
				height: 0.44rem;
				float: left;
				margin-top: 0.5rem;
				margin-left: 1.2rem;
				margin-right: 0.3rem;
			}
			.shuoming{
				width: 9.4rem;
				height: 1rem;
				margin: 0.5rem auto;
				color: #333333;
				font-size: 0.5rem;
			}
			.shuoming .liu{
				font-size: 0.3rem;
			}
			.shuoming .lu{
				font-size: 0.23rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" id="header">
			<img src="/common/image/logo@2x.png" alt="LOGO"/>
			<h1 class="mui-title">BLACK CENTUEY</h1>
	    </header>
	    <div class="mui-content">
	    	<div class="jindu">绑定银行卡</div>
	    	<div class="minge">Bink Card</div>
	    	<div class="order">
	    		<!--<input type="text" readonly="readonly" value="精英会籍 + 随机号码 + 不定制姓名  = 199元"/>-->
	    		<input type="text" id="name" placeholder="填写用户姓名"/>
	    		<input type="text" id="idcard" placeholder="填写用户身份证号" />
	    		<input type="text" id="yinhang" placeholder="请填写银行名称"/>
	    		<input type="text" id="bankcard" placeholder="请填写银行卡号"/>
	    		<input type="text" id="phone" placeholder="请填写绑定的手机号"/>
	    		<!--<input type="text" id="remark" placeholder="备注(选填)"/>-->
	    	</div>
	    	<div class="jiami">
	    	    <img src="/common/image/jiami@2x.png" />
	    	    <span>您的个人信息将由MD5技术全程加密</span> 
	    	</div>
	    	<button class="btn">上一步</button>
		    <button class="btn1">立即绑卡</button>
		    <div class="shuoming">
	    		<!--快递说明<br />
	    		<span class="liu">在线支付由EMS或顺丰速运配送，货到付款由顺丰速运配送。</span><br /><br />
	    		<span class="lu">我已阅读并同意《世纪黑卡服务章程》</span>-->
	    	</div>
	    </div>
		<script src="/common/js/mui.min.js"></script>
		<script src="/home/js/jquery.js"></script>
		<script type="text/javascript">
			mui.init();

				//跳转申请页5
	      		mui('.btn')[0].addEventListener('tap',function(){
						mui.openWindow( {
						url: 'shenqing5.html',
						id: 'shenqing5'
					} )
				} )
	      		
	      		//跳转申请页7
	      		mui('.btn1')[0].addEventListener('tap',function(){
				        
						var name = document.getElementById('name').value;
						var idcard = document.getElementById('idcard').value;
						var yinhang = document.getElementById('yinhang').value;
						var bankcard = document.getElementById('bankcard').value;
						var phone = document.getElementById('phone').value;
					    //var remark = document.getElementById('remark').value; 
						
						//请求绑卡接口  金运通
						//sessionStorage['testKey'] = '这是一个测试的value值';
						//var han = sessionStorage['testKey'];
						//var han = sessionStorage['uid'];
						//alert(han);return;
						var  arr={u_name:name,u_idcard:idcard,brand:yinhang,bankcard:bankcard,iphone:phone};
						//$.ajax('http://blackcentury.91fintec.com/index.php/home/H5/bindbank',{
						$.ajax('http://duandai.91fintec.com/index.php/api/bindbank/bindbank_hk',{
							data:arr,
							type:'POST',
							success:function(date){
							//alert(123);return;
							
							
							console.log(date);
							
							
								date=JSON.parse(date);
								//alert(date.status);return;
								if(date.status==6){
									mui.openWindow({
										url: 'shenqing7.html',
										id: 'shenqing7'
									})
								}else if(date.status==1){
									sessionStorage['uid'] = date.uid;
									//alert(date.uid);
									alert(date.msg);
									mui.openWindow({
										url: 'shenqing7.html',
										id: 'shenqing7'
									})
								}else{
									alert(date.msg);
								}
								
								//alert(date1);return;
								/*if(date.status==1){
									mui.openWindow( {
										url: 'shenqing7.html',
										id: 'shenqing7'
									} )
								}*/
								//alert(123);return;
								
							}
						})
						/*mui.openWindow( {
						url: 'shenqing7.html',
						id: 'shenqing7'
					} )*/
				} )
		</script>
	</body>

</html>